import { DEFAULT_BTN_STYLE } from '@/consts';
import { Button, Checkbox, Divider, Modal } from 'antd';

export default ({ open, setOpen, onOk }) => {
  return (
    <Modal
      title="请选择症状"
      open={open}
      okText="下一步"
      cancelText="取消"
      onOk={onOk}
      onCancel={() => setOpen(false)}
      footer={null}
    >
      <div>
        <h2 className="bold">内科</h2>
        <div className="medicine-modal-container">
          <Checkbox>发热</Checkbox>
          <Checkbox>腹痛</Checkbox>
          <Checkbox>恶心</Checkbox>
          <Checkbox>呕吐</Checkbox>
          <Checkbox>心悸</Checkbox>
          <Checkbox>头晕</Checkbox>
          <Checkbox>头痛</Checkbox>
        </div>
        <Divider></Divider>
        <h2 className="bold">呼吸</h2>
        <div className="medicine-modal-container">
          <Checkbox>咳嗽</Checkbox>
          <Checkbox>咳痰</Checkbox>
          <Checkbox>呼吸困难</Checkbox>
        </div>
        <Divider></Divider>
        <h2 className="bold">外科</h2>
        <div className="medicine-modal-container">
          <Checkbox>出血</Checkbox>
          <Checkbox>疼痛</Checkbox>
          <Checkbox>肿胀</Checkbox>
          <Checkbox>发红</Checkbox>
          <Checkbox>发热</Checkbox>
        </div>
        <Divider></Divider>
        <h2 className="bold">神经科</h2>
        <div className="medicine-modal-container">
          <Checkbox>抽搐</Checkbox>
          <Checkbox>活动受限</Checkbox>
          <Checkbox>偏瘫</Checkbox>
          <Checkbox>意识丧失</Checkbox>
        </div>
        <Divider></Divider>
        <div className="flex-center">
          <Button type="primary" onClick={onOk} style={DEFAULT_BTN_STYLE}>
            确认报病
          </Button>
        </div>

        {/* <Row gutter={[10, 10]}>
          <Col span={6}>
            <Checkbox>发热</Checkbox>
          </Col>
        </Row> */}
      </div>
    </Modal>
  );
};
